@charset "utf-8";
/* CSS Document */

*, :after, :before {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none
}
body, html {
	width: 100%;
	height: 100%;
	
}
body {
	font-size: 14px;
	color: #333333;
	font-family: "Microsoft YaHei", SimSun, "Helvetica Neue", Arial, Helvetica, sans-serif;
	min-width: 1200px
}
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	outline: 0;

 transition: all .7s
}
a:active {
	outline: 0
}
a:hover {
	outline: 0;
	color: #0095d9;
	text-decoration: none
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	float: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
em, i {
	font-style: normal
}
img {
	vertical-align: middle
}
input, select, textarea {
	font-family: "Microsoft YaHei", simsun, "Helvetica Neue", Arial, Helvetica, sans-serif
}
textarea {
	overflow: auto
}
button:focus, input:focus, select:focus, textarea:focus {
	outline: 0
}
input::-ms-clear {
display:none
}
.clear:after, .clearfix, .container:after {
	width: 100%;
	clear: both;
	line-height: 0;
	display: block;
	overflow: hidden;
	zoom: 1;
	font-size: 0;
	content: '.'
}
.container {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.onetext {
	clear: both;
	padding: 20px 0 0;
	text-align: center;
	color: #666
}
.onetext a {
	color: #666
}
.in_link {
	background: #fff;
	overflow: hidden
}
.linklink {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 20px;
	line-height: 24px
}
.linklink a {
	padding-right: 5px
}
header {
	width: 100%;
	overflow: hidden
}




header .top {
	background: #f5f5f5;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	height: 36px;
	line-height: 36px;
	color: #888
}
header .top .href {
	float: right
}


header .top a {
	color: #888;
	padding: 0 5px
}
header .top a:hover {
	color: #ea3516
}
header .top .welcome {
	float: left
}


header>.container {
	padding: 15px 0
}
header .logo {
	float: left
}
header .logo img {
	height: 80px;
	width: auto
}
header .logoinfo {
	float: left;
	background: url(../images/head_line.png) left center no-repeat;
	height: 80px;
	padding: 0 0 0 20px;
	margin: 0 0 0 20px;
	font-size: 16px
}
header .tel b {
	font-size: 24px;
	color: #c01f31
}



header .logoinfo .bold {
	font-weight: 700;
	font-size: 22px;
	padding: 12px 0 10px 0;
	color: #00437f;
}
header .logoinfo span {
	color: #c01f31
}
header .tel {
	float: right;
	position: relative;
	padding: 0 0 0 55px;
	line-height: 1.3;
	margin-top: 18px
}
header .tel .iconfont {
	position: absolute;
	left: 0;
	top: -5px;
	font-size: 46px
}
.search {
	width: 100%;
	overflow: hidden;
	padding: 10px 0;
	box-shadow: 0 0 10px #eee
}
.search .key {
	float: left;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	width: 900px
}
.search .key dt {
	float: left;
	font-weight: 700;
	color: #ea3516
}
.search .key dd {
	float: left;
	margin-right: 10px
}
.search .key dd a {
	color: #888
}
.search .key dd a:hover {
	color: #f0592d
}
.search .box {
	float: right
}
.search .box input[type=text] {
	width: 200px;
	height: 30px;
	border: 1px solid #eee;
	padding: 0 10px;
	float: left
}
.search .box input[type=submit] {
	width: 50px;
	height: 30px;
	background: #f0592d;
	color: #fff;
	border: 0;
	float: left;
	cursor: pointer;
 transition: all .7s
}



nav {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #00437f;
	background-repeat: repeat;
	background-position: center center;
}
nav li {
	float: left;
	position: relative;
	z-index: 999;
	background-repeat: no-repeat;
	background-position: left center;
}
nav li>a {
	display: block;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	padding: 0 53px
}
nav li .sub {
	display: none;
	position: absolute;
	left: 0;
	min-width: 100%;
	white-space: nowrap;
	text-align: center
}
nav li:first-child {
	padding-left: 0;
	background: 0 0
}
nav li.on>a, nav li:hover>a {
	background: #0095d9;
	color: #fff
}









 .company_search {
	float: right;
	position: relative;
	display: flex;
	margin-right: 55px;
	border: #ccc solid 1px;
	border-right: 0;
	border-radius: 5px;
	background: #fff;
	width: 260px;
	height: 34px;
	margin-top: 27px;
}
.company_search .ipt {background: #fff; border: none 0; width: 256px; line-height: 34px; text-indent: 6px; float: left; margin: 0 4px; color: #999}
 .company_search .ipt_btn {float: left; border-radius: 0 5px 5px 0; background: #0c4da2; width: 36px; height: 36px; margin: -1px -2px 0 0;}
 .company_search .btn {float: left; width: 36px; height: 36px; line-height: 36px; border: 0 none; background: url(../images/search_btn.png) no-repeat}
 .company_msg {float: right; position: relative; height: auto; display: flex; margin-right: 0px;}
.company_msg .cn_en_select {color: #9c9ea1; line-height: 30px; margin: 30px 20px 0 0px; font-size: 16px;}
.company_msg .cn_en_select a {/*text-transform: uppercase; */ color: #666; line-height: 25px; display: inline-block; padding: 0px 10px;
transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.company_msg .cn_en_select a:hover {color: #004eac;}
.company_msg  .login_logo {position: relative;display: flex;color: #9c9ea1;margin: 5px;}
.company_msg  .login_logo span {display: inline-block;height: 35px;line-height: 35px;color: #3a4047;margin: 0px 3px;}
.company_msg  .login_logo span.icon_peo {background-image: url('../images/people_01.png');width: 35px;background-repeat: no-repeat;
background-position: center;}
.company_msg  .join_VIP {position: relative;color: #3a4047;margin: 5px;line-height: 35px;color: #0971ce;font-weight: bold;
	transition: all 1s;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}
.company_msg  .join_VIP:hover {color: #034c8d;}
.company_msg  .gzh_logo {
	position: relative;
	color: #666;
	width: 50px;
	float: left;
	top: 15px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.company_msg  .gzh_logo span {display: inline-block; width: 50px; height: 40px; line-height: 24px; float: left; font-size: 12px;}
.company_msg  .gzh_logo span.icon_sj {border: #0baf4d solid 1px; width: 36px; height: 36px; border-radius: 19px; background-repeat: no-repeat; background-position: center;}
.company_msg  .gzh_logo span.icon_tb {border: #ff7800 solid 1px; width: 36px; height: 36px; border-radius: 19px; background-repeat: no-repeat; background-position: center;}
.company_msg  .gzh_logo span.icon_ewm {
	border: #0c4da2 solid 1px;
	width: 36px;
	height: 36px;
	border-radius: 19px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.company_msg  .gzh_logo span.icon_sj:hover {border: #999 solid 1px; width: 36px; height: 36px; border-radius: 5px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 1s; filter: grayscale(100%);}
.company_msg  .gzh_logo span.icon_tb:hover {border: #999 solid 1px; width: 36px; height: 36px; border-radius: 5px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; filter: grayscale(100%);}
.company_msg  .gzh_logo span.icon_ewm:hover {border: #999 solid 1px; width: 36px; height: 36px; border-radius: 5px; transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; filter: grayscale(100%);}

#qt_one_gzh {width: 80px; height: 80px; position: absolute; top: -12px; right: -70px; opacity: 0; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s;-o-transition: all 1s; z-index: 99;}


#qt_one_sjb {
	width: 80px;
	height: 80px;
	position: absolute;
	top: -12px;
	left: -45px;
	opacity: 0;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	z-index: 99;
}

.company_msg  .gzh_logo:hover img#qt_one_gzh {opacity: 1;}

.company_msg  .gzh_logo:hover img#qt_one_sjb {opacity: 1;}


.return_top{position: absolute;display: inline-block;width: 30px;height: 30px;top:2px;left:4px;background-repeat: no-repeat;background-size: 25px;background-image:url('../images/top.png');background-position: center;z-index:9;}
.return_top a{display: inline-block;width:100%;height:100%;}


footer {
	width: 100%;
	overflow: hidden;
	padding: 30px 0
}
footer .logo {
	height: 120px;
	width: 250px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 60px;
}
footer .logo img {
	width: 220px;
	height: auto;
}
footer .copy .icp a {
	color: #888
}
footer .copy .icp a:hover {
	color: #ea3516
}
footer .ewm {
	float: right;
	margin-right: 60px
}
footer .ewm li {
	float: left;
	margin-left: 25px;
	text-align: center
}
footer .ewm li img {
	width: 110px;
	height: 110px;
	padding: 4px;
	border: 1px dotted #d7d7d7;
	margin-bottom: 5px
}
footer .ewm li:first-child {
	margin-left: 0
}



.footnav {
	width: 100%;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	background: #00437f
}





.footnav ul {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center
}

.footnav ul li {
	color: #ccc
}
.footnav ul li a {
	display: block;
	overflow: hidden;
	color: #fff;
	padding: 0 53px;
	font-size: 14px;
}
.footnav ul li a:hover {
	color: #0095d9
}

footer .logo:before {
	width: 1px;
	position: absolute;
	top: 6px;
	bottom: 6px;
	right: 0;
	background: #eee;
	content: ""
}
footer .copy {
	width: 495px;
	float: left;
	overflow: hidden;
	line-height: 28px
}
footer .copy a:hover {
	color: #ea3516
}
footer .copy .icp {
	color: #888
}
footer .logo:before {
	width: 1px;
	position: absolute;
	top: 6px;
	bottom: 6px;
	right: 0;
	background: #eee;
	content: ""
}

.search .box input[type=submit]:hover {
	background: #ea3516
}